<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <link rel="stylesheet" type="text/css" href="/static/lib/datatables/1.10.15/jquery.dataTables.css">
    <div th:include="admin/common :: head"></div>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="/static/lib/html5shiv.js"></script>
    <script type="text/javascript" src="/static/lib/respond.min.js"></script>
    <![endif]-->

    <style type="text/css">
        .type{
            position:absolute;
            top:144px;
            left:166px;
            height:22px;
            width:90px;
            border:1px solid lightgray;
            z-index: 10;
        }

        th {
            text-align: center;
        }

        .table td {
            text-align: center;
        }
    </style>

    <title>详情页面</title>
</head>
<body>

<div class="cl pd-20" style=" background-color:#5bacb6">
    <!-- 教师头像默认保存在home/teacherImg -->
    <img class="avatar size-XL l" src="/static/images/logo/favicon.png">
    <dl style="margin-left:80px; color:#fff">
        <dt>
			<span class="f-18">学生课程作业完成情况
			</span>
            <br>
            <span class="f-14" >好好学习！天天向上！</span>
        </dt>

    </dl>
</div>

<div class="page-container">
<div class="mt-20">
    <table class="table table-border table-bordered table-hover table-bg table-sort">
        <thead>
        <tr class="text-c">
            <th width="25"><input type="checkbox" name="" value=""></th>
            <!--<th width="60">ID</th>-->
            <th width="60">用户名</th>
            <th>学生</th>
            <th width="100">操作</th>
        </tr>
        </thead>
        <tbody>
        <tr class="text-c" th:each="userTaskDTO,userTaskDTOList : ${userTaskDTOList}">
            <td><input type="checkbox" th:value="${userTaskDTO.userId}"  name="userId"></td>
            <td th:text="${userTaskDTO.user.username}"></td>

            <td class="text-l"><div class="c-999 f-12">
                <u style="cursor:pointer" class="text-primary" th:text="${userTaskDTO.user.username}"></u>
                <!--<time title="2014年8月31日 下午3:20" datetime="2014-08-31T03:54:20"
                      th:text="答题时间+${#dates.format(userTaskDTO.answerTime, 'yyyy-MM-dd HH:mm:ss')}"></time>-->
                <span class="ml-20" th:text="(手机：)+${userTaskDTO.user.telephone}"></span>
                <span class="ml-20" th:text="(邮箱：)+${userTaskDTO.user.email}"></span></div>
                <div class="f-12 c-999" th:text="(得分：)+${userTaskDTO.grade}">
                </div>
                <div th:if="${userTaskDTO.status}==1">完成作业</div>
                <div th:if="${userTaskDTO.status}==0" style="color: red">未完成作业</div>
            </td>

            <td class="td-manage">
            <a title="删除" href="javascript:;" class="ml-5" style="text-decoration:none">
                <i class="Hui-iconfont">&#xe6e2;</i></a>
            </td>

        </tr>
        </tbody>
    </table>
  </div>
</div>


<footer th:include="admin/common :: footer"></footer>
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="/static/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="/static/lib/datatables/1.10.15/jquery.dataTables.js"></script>
<script type="text/javascript" src="/static/lib/laypage/1.2/laypage.js"></script>

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="/static/lib/hcharts/Highcharts/5.0.6/js/highcharts.js"></script>
<script type="text/javascript" src="/static/lib/hcharts/Highcharts/5.0.6/js/modules/exporting.js"></script>


<script type="text/javascript">
    $(function(){
        $('.table-sort').dataTable({
            "aaSorting":
                [
                    [
                        1,"desc"
                    ]
                ],//默认第几个排序
            "bStateSave": true,//状态保存
            "aoColumnDefs": [
                //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
                {"orderable":false,"aTargets":[0,2]}// 制定列不参与排序
            ]
        });
        //复选框类型查询
        $('.type').change(function(){
            $.ajax({
                url: 'admin/question/singleChoiceList',
                data: 'examType=' + $('.type').val(),
                type: 'get',
                success: function(data){
                    $('#sheetList').html(data);
                },
                error: function(){
                    alert('网络出错');
                }
            })
        })

    });

</script>

</body>
</html>